<template>
  <div class="ep">
    <add @add="sdds"></add>
    <br>
    <list :list="tabs" @sder="sder"></list>
  </div>
</template>

<script setup>
import add from '../components/add.vue'
import list from '../components/list.vue'
import { ref, defineProps } from 'vue'

const tabs = ref([])

const sdds = (i) => {
  tabs.value.push(i)
}
const sder = (title, b) => {
  tabs.value[b].title = title;
  tabs.value[b].is = false;
}


</script>

<style lang="scss" scoped>
.ep {

  width: 80%;
  margin: auto;
  text-align: center;

}
</style>